$baseColor: #d075ea;
.address_contaniner {
  width: 100%;
  height: 100%;
  @include flexbox();
  @include flex-direction(column);
  header{
      height: .6rem;
      @include border(0 0 1px 0, #eee, solid);
      .back{
          position: absolute;
          left: 0;
          top: 0;
          width: .6rem;
          height: .6rem;
          background: url('/images/back_red.png') no-repeat center center;
          background-size: .3rem;
      }
      span{
          display: inline-block;
          width: 100%;
          text-align: center;
          font-size: .18rem;
          line-height: .6rem;
      }
      .car{
          position: absolute;
          right: 0;
          top: 0;
          width: .6rem;
          height: .6rem;
          background: url('/images/my-shopping-cart-icon_d3a35b8.png')no-repeat center center;
          background-size: 30px,30px;
      }
  }
  .content {
    @include flex(1);
    width: 100%;
    background: #f5f5f5;
    .address {
      li {
        @include flexbox();
        height: .8rem;
        margin: .15rem 0;
        padding: .1rem .1rem .1rem .2rem;
        background: #fff;
        .left {
          @include flex(1);
          @include flexbox();
          @include flex-direction(column);
          @include justify-content(center);
          @include border(0 1px 0 0, #999, solid);
          padding: 0 .1rem;
          .user{
            @include flexbox();
            @include justify-content(space-between);
            height: .21rem;
            line-height: .21rem;
            margin-bottom: .15em;
            .name {
              font-size: .16rem;
            }
          }
          .userAddress {
            font-size: .12rem;
            color: #999;
            span {
              margin-right: .02rem
            }
          }
          .default {
            width: .4rem;
            height: .21rem;
            font-size: .12rem;
            text-align: center;
          }
          .active {
            background: #c79af2;
            color: #fff;
            @include border(0, #fff, solid, .1rem);
          }
        }
        .right {
          width: .6rem;
          background: url('/images/edit.png') no-repeat center center;
          background-size: .3rem .3rem;
        }
      }
    }
    .add {
      width: 25%;
      height: .4rem;
      line-height: .4rem;
      background: #7566d8;
      color: #fff;
      font-size: .16rem;
      text-align: center;
      margin: 0 auto ;
      @include border(0, #fff, solid, .5rem);
    }
    .edit {
      .content {
        padding-top: .3rem;
        overflow: hidden;
        background: #fff;
      }
      label {
        width: 100%;
        @include flexbox();
        padding-right: .2rem;
        margin-bottom: .2rem;
        span {
          width: .8rem;
          color: #8D7171;
          text-align: right;
          height: .36rem;
          line-height: .36rem;
        }
        .input {
          @include flex(1);
          padding-left: .1rem;
          width: 100%;
          @include border(.02rem, #000, solid);
        }
        .only {
          @include flex(1);
          width: 100%;
        }
        .short {
          width: 29%;
          line-height: inherit;
          padding-left: .1rem;
          margin-right: 3%;
        }
        .short:nth-of-type(3) {
          margin-right: 0;
        }
      }
      .default {
        text-align: right;
        padding-right: .2rem;
        margin-bottom: .2rem;
        span {
          padding-left: .25rem;
        }
        .check {
          background: url('/images/check.png') no-repeat center left;
          background-size: .2rem .2rem;
        }
        .checkOut {
          background: url('/images/circle.png') no-repeat center left;
          background-size: .2rem .2rem;
        }
      }
      .op {
        @include flexbox();
        @include justify-content(center);
        @include align-items(center);
        margin-top: .2rem;
        position: relative;
        .delete {
          padding: .15rem;
          background: url('/images/delete.png') no-repeat center center;
          background-size: .3rem .3rem;
          position: absolute;
          left: .3rem;
        }
        .submit {
          width: 25%;
          height: .4rem;
          line-height: .4rem;
          background: #7566d8;
          color: #fff;
          font-size: .16rem;
          text-align: center;
          @include border(0, #fff, solid, .5rem)
        }
      }
    }
    .none {

    }
  }
}
